<template>
  <c-nav-bar title="特殊体质" type="white" />
  <view class="content m-3 b-rd-lg bg-white px-4 pb-20 pt-4 line-height-6">
    <view class="text-center text-lg font-bold">
      特殊体质调查表填表说明
    </view>
    <view class="">
      1. 请家属认真阅读、填写。
    </view>
    <view class="">
      2. 逐项填写,全部必填，填写时间以实际填写日期为准。
    </view>
    <view class="">
      3. 家长和学生如实沟通、交流。
    </view>
    <view class="">
      4. 联系电话及家庭详细地址一定要真实、准确、详细。
    </view>
    <view class="">
      5. 特殊体质登记表中列出的病名是常见的疾病种类，如患有除列举疾病外的疾病且影响学生参加学校如军训、体育课等的需在其他体质异常情况栏详细说明。
    </view>
    <view class="">
      6. 举例说明：如学生患有癫痫，则需在癫痫栏进行“√”的选中操作，如学生在一直服用相关药物，请在现在是否服用药物栏填写相关信息，如口服“卡马西平”药物，则需填写药物如何服用如:2片/次，2次/日，空腹服用，及注意事项，如避免情绪刺激、剧烈运动、劳累等，需详细写明；如孩子的依从性不好，需要家长或老师监督、叮嘱服用的特别注明。
    </view>
    <view class="">
      7. 其他疾病按照以上举例填写。
    </view>
    <view class="">
      8. 如学生身体不存在特殊体质，则与疾病相关的每栏必须保证不选中的状态。
    </view>
    <view class="">
      9. 对于患有传染性疾病的学生，如学生不需要服用特殊药物，不处于传染活动期的需提供正规二级甲等以上医院证明。
    </view>
    <view class="">
      10. 对于存在心理状况问题的学生需在其他体质异常情况栏填写。
    </view>
    <view class="">
      11. 对于特殊体质学生发生特殊情况时需紧急送指定医院的，需填写完整医院名称及医院120电话；对于无指定医院要求的请填“否”。
    </view>
    <view class="">
      12. 对于“学生紧急状况下信息联络表”中的备选联系人，请填写可直接联系的亲朋好友，最好离学校距离近。
    </view>
    <view class="mt-8 flex items-center">
      <u-checkbox-group v-model="radio">
        <u-checkbox shape="circle" active-color="#951D1D" name="1">
          <template #label>
            我已知晓<text class="color-blue-500" @click="toArgument">
              《特殊体质调查表填表说明》
            </text>的全部内容和要求。
          </template>
        </u-checkbox>
      </u-checkbox-group>
    </view>
    <view class="flex">
      <u-button
        type="primary"
        class="previous-button mt-8"
        @click="onPrevious"
      >
        上一步
      </u-button>
      <u-button
        type="primary"
        class="next-button mt-8"
        @click="onNext"
      >
        下一步
      </u-button>
    </view>
  </view>
</template>

<script lang="ts" setup>
//
import { Toast } from '@/utils/modals/index';

const radio = ref([]);
const onPrevious = () => {
  uni.navigateBack();
};

const onNext = () => {
  if (!radio.value.length) {
    Toast('请同意协议');
    return;
  }
  uni.$u.route({
    url: '/pages/biz/special/form',
  });
};
</script>

<style lang="scss" scoped>
//
.previous-button{
  border-radius: 20px 0 0 20px;
}
.next-button{
  border-radius: 0 20px 20px 0;
}
:deep(.u-checkbox__icon-wrap) {
  flex-shrink: 0;
}
</style>
